@import 'uview-ui/theme.scss';

.radius {
  border-radius: 15px;
}

.shadow {
  box-shadow: 0 3px 3px rgba(10, 16, 20, 0.08), 0 0 3px rgba(10, 16, 20, 0.12);
  ;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.flex-between {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1)
  }

  10%,
  20% {
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }

  to {
    transform: scale3d(1, 1, 1)
  }
}
